

								<!-- <div class="dataTables_borderWrap"> -->
								<div>
									<form id="tableform" method="post">
										<table id="table"
											class="table table-striped table-bordered table-hover">
											<thead>
												<tr>
													<th>测量时间</th>
													<th>设备编号</th>
													<th>动液面(m)</th>
													<th>套压(MPa)</th>
													<th>声速(m/s)</th>
													<th>接箍数</th>
												</tr>
											</thead>

											<tbody>
												<!-- 遍历 -->
												<#list welldataList as x>
												<tr onclick="detailInfo(this)">
													<td>${x.measure_time!}</td>
													<td>${x.dev_id!}</td>
													<td>${x.liquid_level!}</td>
													<td>${x.set_pressure!}</td>
													<td>${x.sound_velocity!}</td>
													<td>${x.collar_num!}</td>
												</tr>
												</#list>
											</tbody>
										</table>
									</form>
								</div>

								<!-- Detailed information for each data,在tr中加onclick="detailInfo(this)"获取事件  -->
								<div id="detail" style="display:none;">
									<div class="hr hr-16 hr-dotted"></div>
									<button id="btn1" class="btn btn-info btn-white">动液面原始波形</button>
									<!--  
									<button id="btn2" class="btn btn-info btn-white">滤波处理后波形</button>
									<button id="btn3" class="btn btn-info btn-white">滤波处理后接箍波形</button>
									-->
									<button id="btn4" class="btn btn-info btn-white">关闭波形</button>

									<div id="div1" style="display:none;">
										<div class="hr hr-16 hr-dotted"></div>
										<#include "original_data.html" />
									</div>
									<div id="div2" style="display:none;">
										<div class="hr hr-16 hr-dotted"></div>
										
										<p>滤波处理后波形</p>
									</div>
									<div id="div3" style="display:none;">
										<div class="hr hr-16 hr-dotted"></div>
                                                                            
										<p>滤波处理后接箍波形</p>
									</div>
								</div><!-- detail -->

<!-- page specific plugin scripts -->

<!-- inline scripts related to this page -->
<script type="text/javascript">
		jQuery(function($) {
			var oTable1 = $('#table').dataTable({
				bAutoWidth : false,
				"aoColumns" : [ null, null,null, null,null, null, ],
				"aaSorting" : [],
				language : {
					"sProcessing" : "处理中...",
					"sLengthMenu" : "显示 _MENU_ 项结果",
					"sZeroRecords" : "没有匹配结果",
					"sInfo" : "显示第 _START_ 至 _END_ 项结果，共 _TOTAL_ 项",
					"sInfoEmpty" : "显示第 0 至 0 项结果，共 0 项",
					"sInfoFiltered" : "(由 _MAX_ 项结果过滤)",
					"sInfoPostFix" : "",
					"sSearch" : "搜索:",
					"sUrl" : "",
					"sEmptyTable" : "表中数据为空",
					"sLoadingRecords" : "载入中...",
					"sInfoThousands" : ",",
					"oPaginate" : {
						"sFirst" : "首页",
						"sPrevious" : "上页",
						"sNext" : "下页",
						"sLast" : "末页"
					},
					"oAria" : {
						"sSortAscending" : ": 以升序排列此列",
						"sSortDescending" : ": 以降序排列此列"
					}
				}
			});
		});
	</script>
	
<!-- id:detail,响应table的行点击事件 -->
<script>
	function detailInfo(e) {
        $("#detail").show();
    }
</script>
	
<!-- 控制数据波形的显示 -->
<script type="text/javascript">
	$(document).ready(function() {
		$("#btn1").click(function() {
			$("#div2").hide();
			$("#div3").hide();
			$("#div1").show();
		});
		$("#btn2").click(function() {
			$("#div1").hide();
			$("#div3").hide();
			$("#div2").show();
		});
		$("#btn3").click(function() {
			$("#div2").hide();
			$("#div1").hide();
			$("#div3").show();
		});
		$("#btn4").click(function() {
			$("#detail").hide();
			$("#div1").hide();
			$("#div2").hide();
			$("#div3").hide();
		});
	});
</script>